z-index-dialog = 9000
z-index-datepicker = 9100
z-index-calendar = 8900

theme-color = #09c

btn-active-bg-color = #0188B5

btn-empty-active-bg-color = #CCEBF5

box-border-color = #ddd
head-background-color = #f1f3f6

modal-box-border-color = #ccc

btn-empty()
  border: 1px solid theme-color
  color: btn-active-bg-color
  background: #fff
  &:hover
    background: btn-empty-active-bg-color

btn()
  border: 1px solid theme-color
  color: #fff
  background: theme-color
  &:hover
    background: btn-active-bg-color

/* css3兼容浏览器 */
agents = webkit moz ms
propPrefix(prop, value)
  for agent in agents
    -{agent}-{prop}: value
  {prop}: value

valuePrefix(prop, value)
  for agent in agents
    {prop}: '-%s-%s' % (agent value)
  {prop}: value

disableSelect()
  propPrefix(user-select, none)

bgImgPos(x = center, y = center)
  background-repeat: no-repeat
  background-position: x y